
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=2.0,initial-scale=1.0" />
<title>铜板街</title>
<style type="text/css">
	body,h1,h2,p,dl,dt,dd{margin:0px;padding:0px;}
	h1,h2,strong,em{font-style:normal;font-weight:normal;}
	.wxQrCodeDownLoad{background:rgb(247,238,229);color:#434343;}
	.content{}
	.topArea{width:600px;overflow:hidden;}
	.foreArea{float:left;}
	.rightButton{float:right;}
	.foreArea h1{color:#c53f40;font-size:18px;padding-top:10px;}
	.foreArea h1 em{margin-left:5px;}
	.foreArea strong,.foreArea h1 em,.foreArea p{font-size:12px;}
	.foreArea p{color:#7d7d7d;}
	.foreArea .imgWrap{padding-top:10px;}
	.rightButton p:nth-child(1){margin-top:26px;}
	.rightButton p:nth-child(2){margin-top:14px;}
	.textTip{box-shadow:0px 0px 2px #e0e0e0;line-height:20px;font-size:15px;background:#fff;color:#c53f40;padding-top:20px;padding-bottom:20px;text-indent:20px;}
	.textTip  dd{text-indent:0px;}
	.sampleMethod dt,.sampleMethod dd{padding-left:30px;padding-right:30px;}
	.sampleMethod dt{font-size:15px;}
	.sampleMethod dd{font-size:12px;background-size:5px 5px;}
	.safeManaMoney{padding-left:30px;padding-right:30px;color:#434343;font-size:12px;}
	.safeManaMoney h2{font-size:15px;}
	.safeManaMoney p{text-indent:20px;}
	.sampleMethod dt,.safeManaMoney h2{padding-top:25px;padding-bottom:12px;}
	.sampleMethod dt,.sampleMethod dd,.safeManaMoney p{line-height:20px;}
	.footer{padding-top:27px;text-align:center;padding-bottom:5px;}
	
	.tipBox{display:none;height:0px;letter-spacing:1px;font-family:"微软雅黑";color:#0c0c0c;padding-top:25px;padding-bottom:30px;position:fixed;top:0px;background:#fff;width:100%;border-bottom-left-radius:15px;border-bottom-right-radius:15px;text-align:center;background:url(resources/css/images/arrowUp.png) #fff no-repeat 89% 0px;background-size:109px 73px;height:90px;text-align:left;}
    .tipBox strong{color:#c53c43;}
    .innerBox{padding-left:30px;display:inline-block;line-height:25px;}

    .mask{background:rgba(0,0,0,0.4);width:100%;position:absolute;left:0px;top:0px;}
    a{display:none;}
	#main a{display:block;}
</style>
<script type="text/javascript">
	
	window.onload=function(){
		function init(){
			var imgO=document.querySelector(".header img"),
				winWh=window.innerWidth;
				
			imgO.style.height=imgO.height*winWh/imgO.width+"px";
			imgO.style.width=winWh+"px";
		}
		init();
		window.onresize=function(){
			init();
		}	
	}
</script>
</head>

<body>
<div id ="main">
<div class="wxQrCodeDownLoad"> 
	<div class="header"><img src="http://www.chinalaohu.com/images/1/laohu/down.jpg" width="320" height="85" /></div>
	<div class="content" >
		<div class="topArea" >
			<div class="foreArea">
				
				<p class="imgWrap"><img src="http://www.chinalaohu.com/images/1/laohu/down2.jpg" width="82" height="83" style="margin-top:30px;" /></p>
				</div>
			<div class="rightButton">
				<p><img class="downloadAndroid" src="http://www.chinalaohu.com/images/1/androiddownload.png" width="124" height="40" /></p>
				<p><img class="downloadIos" src="http://www.chinalaohu.com/images/1/appledownload.png" width="124" height="40" /></p>
			</div>
		</div>
		<!--<div style="background-color:rgb(247,238,229);width:100%;height:160px;"class="topArea">  
			<div style="float:left;" class="foreArea">
				<p class="imgWrap"><img src="http://www.chinalaohu.com/images/1/laohu/down2.jpg" style="width:100px;margin-left:20px;margin-top:39px;"/></p>
			</div>
			<div style="float:right;margin-right:10px; "class="rightButton">
				<div style="font-size:25px;color:rgb(242,194,58);margin-top:30px;margin-left:20px;" class="downloadAndroid">中国老虎</div>
				<div class="download"><img src="http://www.chinalaohu.com/images/1/laohu/down3.png"  class="downloadIos" style="margin-left:20px;margin-top:20px;width:100px;"class="download"/></div>
			</div>
		</div>-->
		<!-- <div class="textTip">铜板街,专为理财新手用户打造的零风险理财平台。首次交易还送10元话费！</div> -->
		<div>
			<dl class="sampleMethod textTip">
				<dd>快速竞拍<br/>手机实时出价、代理出价，让您轻轻松松玩竞拍。</dd></br>
				<dd>创意设计大赛<br/>秀出您的作品，参加大赛，赢得丰厚大奖。</dd></br>
				<dd>手机店铺<br/>珍贵收藏品，新奇创意作品尽在其中。</dd>
				<dd>在线支付<br/>可直接在手机端进行竞价成功的拍品支付，方便快捷</dd>
			</dl>
		</div>
	</div>
	
</div>
<div class="mask">
	<div class="tipBox">
	<div class="innerBox">
		哎呀！微信不让跳。<br />
	烦请抬眼，点击右上角<br />
	选择<strong>在浏览器(或safari)打开</strong><br />
	该怎么下，还怎么下！
	</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
	function is_weixin(){
		var ua = navigator.userAgent.toLowerCase();
		if(ua.match(/MicroMessenger/i)=="micromessenger") {
			return true;
		} else {
			return false;
		}
	}
	var tipBox=$(".tipBox"),
		mask=$(".mask");
	
	$('.downloadAndroid').click(function(){
		if(is_weixin()){
			tipBox.css({"display":"block"});
			mask.css({"height":$(document).height()+"px","display":"block"});
			tipBox.animate({"height":"95px"});
		}else{
			window.location.href="http://res.tongbanjie.com/resources/download/TBJ_android_2.6.0_NewTBJ.apk";
		}
	});
	
	$('.downloadIos').click(function(){
		if(is_weixin()){
			tipBox.css({"display":"block"});
			mask.css({"height":$(document).height()+"px","display":"block"});
			tipBox.animate({"height":"95px"});
		}else{
			window.location.href="https://itunes.apple.com/cn/app/tong-ban-jie/id646328116?mt=8";
		}
	});
	
	mask.click(function(){
		tipBox.css({"display":"none"});
		mask.css({"display":"none"});
		tipBox.animate({"height":"0px"});
	});
</script>

</html>
